

/* =================
====== NAVBAR LOGIN ======
===================*/
.border {
	box-shadow: 0px 2px 1px 1px #111;
}
.form-login {
	float:right;
	margin: 1% auto;
}
	.form-login input[type='text'],.form-login input[type='password'] {
		width: 40%;
	}
	.navbar-brand {
		max-width: 225px !important;
		margin:0px;
		padding:0px;
	}
.top {
	background-color: $blue-river;

}
	.fixed {
		position: fixed;
		z-index: 99;
		top:0px;
	}
	.top .navbar {
		margin-bottom:0px;
	}

	.barra-menu-topo{
		background-color: $white;
		width: 100%;
		border-bottom:1px solid $white-cloud;
	}


/**
 * Barra
 */

.barra-topo {
	top: 0px;
	left:0px;
	width: 100%;
	z-index: 999;
}
.barra-topo-menu{
	background-color: transparent;
}
	.imagem-perfil-barra {
		padding:5px !important;
	}
	.imagem-perfil-barra img{
		height: 40px;
	}

	.navbar-nav>.open>a, .navbar-nav>.open>a:hover, .navbar-nav>.open>a:focus {
		background-color: $blue-hole;
	}



/* ICONES DA NAVEGAÇÂO */
.color-feed,
.color-profile,
.color-cmm,
.color-seguidores,
.color-seguindo,
.color-msg{
	border-bottom: 2px solid $white;
	transition: all 0.3s;
}

/* ICONES DA NAVEGAÇÂO */
.color-feed i,
.color-profile i,
.color-cmm i,
.color-seguidores i,
.color-seguindo,
.color-msg i{
	transition: all 0.3s;
}



.color-feed i,.color-profile i,.color-cmm i,.color-msg i{
	padding:10px 10px 7px;
	border-radius: 25px;
	color:#FFF;
}

//Cor bt feed
.color-feed:hover {
	border-bottom-color: $blue-river;
}
.color-feed i {
	background-color:$blue-river;
}
.color-feed:hover i {
	background-color: $white;
	color : $blue-river;
}


//Cor bt profile
.color-profile:hover {
	border-bottom-color: $red-clean;
}
.color-profile i {
	background-color:$red-clean;
}
.color-profile:hover i {
	background-color: $white;
	color : $red-clean;
}

//Cor bt comunidade
.color-cmm:hover {
	border-bottom-color: $green-emerald;
}
.color-cmm i {
	background-color:$green-emerald;
}
.color-cmm:hover i {
	background-color: $white;
	color : $green-emerald;
}

//Cor bt mensagem
.color-msg:hover {
	border-bottom-color: $bluegray-clean;
}
.color-msg i {
	background-color:$bluegray-dark ;
}
.color-msg:hover i {
	background-color: $white;
	color : $bluegray-dark ;
}

/**
 * Busca
 */

.btn-search {
	height:38px;
	background-color: $blue-river;
}